/*css reset 重置*/
*{color:#666;font-family:"Helvetica Neue","微软雅黑";}
body,dl,dd,p{margin:0;}
ul{margin:0;padding:0;list-style:none;}
img{display:block;}
a{text-decoration:none;}
h1,h2,h3{margin:0;font-weight:normal;}
input{padding:0;border:none;outline:none;}
/*clearfix*/
.clearfix{clear:both;}

/*头部*/
.head{
	width:100%;
	background-color:#559ef7;
}
.head-top{
	width:90%;
	margin:0 auto;
	position:relative;
	margin-bottom:2rem;
	padding-top:1.25rem;
}
.zuojiantou{
	background-image:url(../img/zuojiantou.png);
	width:2.5rem;
	height:3.125rem;
	float:left;
	margin-right:0.625rem;
}
.head-top p{
	float:left;
	font-size:2.25rem;
	line-height:3.125rem;
	color:white;	
}
.head-top h1{
	font-size:2.625rem;
	position:absolute;
	top:0;
	left:calc(50% - 4.375rem);
	line-height:5rem;
	color:white;
}
.wode{
	background-image:url(../img/wode.png);
	width:2.9375rem;
	height:2.9375rem;
	float:right;
	margin-top:0.125rem;
}

.head-bottom{
	width:70%;
	margin:0 auto;
	padding-bottom:1.25rem;
}
.head-box{
	width:90%;
	height:4.6875rem;
	background:#cce2fd;
	border-radius:33px;
	position:relative;
	float:left;
}
input{
	position:absolute;
	top:25%;
	left:45%;
	font-size:1.875rem;
	width:40%;
	background-color:rgba(0,0,0,0.00);
	color:white;
}
input::-webkit-input-placeholder{
    color: #fff;opacity:1;
}
.head-bottom img{
	float:right;
	margin-top:15px;
}




.dakuang-1{position: relative;}
.dakuang-2{position: relative;top:-103.875rem;}
.dakuang-3{position: relative;top:-207.75rem;}
.dakuang-4{position: relative;top:-311.625rem;}
.dakuang-5{position: relative;top:-415.5rem;}















/*播放中*/
.bofang{
	width:100%;
	height:31.25rem;
	position:relative;
}
.bofang img{width:100%;height:31.25rem;}
.bofang-box{width:100%;height:3.125rem;background-color:#b7b7b7;position:absolute;top:0;}
.bofang-box p{line-height:3.125rem;font-size:2rem;margin-left:2rem;color:white;}

/*购买栏*/
.goumaikuang{margin-top:2.25rem;}
.biaoti{margin-left: 2.25rem;}
.biaoti p{font-size:2.25rem;border-bottom:0.625rem solid #559ef7;width:9rem;padding-bottom: 2.25rem;color:#559ef7;}
.biaoti-box{margin-left: 2.25rem;margin-top:3.125rem;height:7.5rem;}
.biaoti-box div{float:left;width:7.5rem;height:7.5rem;background-color:#f7f7f9;margin-right: 1.75rem;border-radius: 10px;
				font-size:1.75rem;line-height: 7.5rem;text-align: center;}
.biaoti-box div:nth-child(6){height:0;}
.biaoti-box .dangqian{color:#559ef7;}
.zhanweikuai{margin-top:3.125rem;border-bottom: 1rem solid #f7f7f9;margin-bottom: 3.125rem;}
.mulu{margin-bottom: 2.25rem;}
.mulu span{font-size: 2.25rem;font-weight: bold;color:black;float: left;line-height: 2.75rem;}
.mulu .mulu-left{float: left;width:1rem;height:2.75rem;background-color: #559ef7;margin-right: 1rem;border-radius: 8px;}
.mulu p{float:right;margin-right: 2.625rem;font-size: 1.875rem;color:#9c9c9c;line-height: 2.75rem;}
.mulu-content{margin-left: 2.625rem;margin-right: 2.625rem;border-top:2px solid #f7f7f9;}
.mulu-content p{font-size: 2.25rem;color:#559ef7;line-height: 7.5rem;float: left;}
.mulu-content p a{font-size: 2.25rem;color:#4a4a4a;line-height: 7.5rem;}
.mulu-content span{float:right;font-size:1.75rem;color:#9c9c9c;line-height: 7.5rem;}
.mulu-content .xiti{width:8.625rem;height:4.625rem;float: right;background-color:#559ef7;font-size:2rem;line-height: 4.625rem;text-align: center;color:white;border-radius: 10px;margin-top: 1.4375rem;margin-left: 2rem;}

.mulu-content-dangqian{margin-left: 2.625rem;margin-right: 2.625rem;border-top:2px solid #f7f7f9;}
.mulu-content-dangqian p{font-size: 2.25rem;color:#559ef7;line-height: 7.5rem;float: left;}
.mulu-content-dangqian p a{font-size: 2.25rem;color:#559ef7;line-height: 7.5rem;}
.mulu-content-dangqian span{float:right;font-size:1.75rem;color:#9c9c9c;line-height: 7.5rem;}
.mulu-content-dangqian .xiti{width:8.625rem;height:4.625rem;float: right;background-color:#559ef7;font-size:2rem;line-height: 4.625rem;text-align: center;color:white;border-radius: 10px;margin-top: 1.4375rem;margin-left: 2rem;}

.goumai{margin-left: 2.625rem;margin-right: 2.625rem;margin-top: 2rem;position:relative;margin-bottom: 2rem;}
.goumai span{font-size: 3rem;color:red;}
.goumai p{color:#686868;font-size: 1.75rem;margin-top:0.625rem;}
.goumai .kaishi{position: absolute;top:0;right: 0;width:17.5rem;height:5.3125rem;background-color: red;font-size: 2.25rem;line-height: 5.3215rem;text-align: center;border-radius: 0.625rem;color:white;margin-top: 1rem;}




.bottom{width:100%;border-top:1px solid #ededed;}
.bottom-box{width:80%;margin:0 auto;}
.box-a{
	margin-top:1.25rem;
	width:10%;
	margin-right:6%;
	float:left;
}
.box-a p{font-size:1.875rem;display:block;text-align:center;}
.box-a img{margin:0 auto;margin-bottom:0.625rem;}

.box-b{
	margin-top:1.25rem;
	width:18%;
	margin-right:6%;
	float:left;
}
.box-b p{font-size:1.875rem;display:block;text-align:center;}
.box-b img{margin:0 auto;margin-bottom:0.625rem;}

.box-c{
	margin-top:1.25rem;
	width:18%;
	margin-right:6%;
	float:left;
}
.box-c p{font-size:1.875rem;display:block;text-align:center;color:#559ef7;}
.box-c img{margin:0 auto;margin-bottom:0.625rem;}

.box-d{
	margin-top:1.25rem;
	width:18%;
	margin-right:6%;
	float:left;
}
.box-d p{font-size:1.875rem;display:block;text-align:center;}
.box-d img{margin:0 auto;margin-bottom:0.625rem;}

.box-e{
	margin-top:1.25rem;
	width:10%;
	float:left;
}
.box-e p{font-size:1.875rem;display:block;text-align:center;}
.box-e img{margin:0 auto;margin-bottom:0.625rem;}